<%--
  Created by IntelliJ IDEA.
  User: 靳光乐
  Date: 2022/11/25
  Time: 14:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>我的所有订单</title>
  <link rel="stylesheet" href="${pageContext.request.contextPath}/css/index.css">
    <!-- 导入 bootstrap css -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/css/bootstrap-theme.min.css"/>

    <!-- 导入 bootstrap js -->
    <script src="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/js/jquery-3.3.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
<%--    导入laiui--%>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui-v2.7.6/layui/css/layui.css">
    <script src="${pageContext.request.contextPath}/layui-v2.7.6/layui/layui.js"></script>
</head>
<body>
<h1 style="text-align: center">我的订单列表</h1>
<div class="layui-form">
    <table class="layui-table">
        <colgroup>
            <col width="150">
            <col width="150">
            <col width="200">
            <col>
        </colgroup>
        <thead>
        <tr>
            <th>订单编号</th>
            <th>商品名称</th>
            <th>支付价格</th>
            <th> 支付时间</th>
            <th >支付状态</th>
        </tr>
        </thead>
        <tbody>
        <c:forEach items="${myorderList}" var="order">
            <tr>
                <td> ${order.orderNumber}</td>
                <td>${order.other1} </td>
                <td>￥${order.orderPrice} </td>
                <td> ${order.orderCreateTime}</td>
                <c:if test="${order.status==0}">
                    <td>已下单</td>
                </c:if>
                <c:if test="${order.status==1}">
                    <td>未支付</td>
                </c:if>
                <c:if test="${order.status==2}">
                    <td>已支付</td>
                </c:if>
                <c:if test="${order.status==3}">
                    <td>已取消</td>
                </c:if>

            </tr>
        </c:forEach>

        </tbody>
    </table>
</div>
</body>
</html>
